<template>
	<view class="swiperBanner">
		<view class="proSwiper">
			<loading></loading>
			<swiper class="swipers posAbso ltzero" :indicator-dots="dotsFlag" indicator-color="rgba(255,255,255,.3)" indicator-active-color="#ffffff" :autoplay="autoplayFlag" :circular="circularFlag">
				<swiper-item class="swiper-item"
					v-for="(item,index) in albumList"
					:key="index"
					@tap="previewImage(index)"
				>	
					<image class="samePar" :src="item" mode="aspectFill"></image>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			albumList:Array
		},
		data(){
			return{
				dotsFlag:true,
				autoplayFlag:true,
				circularFlag:true,
			}
		},
		methods:{
			previewImage(index){
				this.$emit('previewImage',index);
			}
		}
	}
</script>

<style lang='scss' scoped>
	.swiperBanner{
	/* 	padding: 30rpx; */
		background: #fff;
		.proSwiper{
			height: 400rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			position: relative;
		}
		.proSwiper .swipers{
			width: 100%;
			height: 100%;
		}
		.proSwiper .swipers .swiper-item{
			border-radius: $pss-border-radius6;
		}
	}
	/* .swiperWrap{
		padding: 0 30rpx;
	} */
</style>